<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:php="http://php.net/xsl" xmlns="http://www.w3.org/1999/xhtml">
	<xsl:template name="Project">
		<div id="panel_projects" class="panel">
			<xsl:for-each select="//View/projects/project">
				<div class="content project" id="home_project_{project_id}">
					<xsl:if test="@current = 'true'">
						<xsl:attribute name="class">content project current</xsl:attribute>

						<div class="main_visual sls_resize_container">
							<img src="{project_img}" alt="" class="sls_resize_visual" width="1600" height="245" />
							<table>
								<tr>
									<td>
										<h1><xsl:value-of select="project_name" /></h1>
										<div class="desc"><xsl:value-of select="project_name_more" /></div>
									</td>
								</tr>
							</table>
						</div>

						<xsl:if test="project_url != ''">
							<div class="site">
								<a  target="_blank" href="{project_url}" title="{project_url}">
									<span class="text"><xsl:value-of select="project_url_label" /></span>
									<span class="hover">go to the website</span>
								</a>
							</div>
						</xsl:if>

						<div class="controls wrapper">
							<a href="{project_previous/project_url}" class="arrow scroll_panel previous" rel="home_project_{project_previous/project_id}" title="{project_previous/project_name}"></a>
							<div class="infos">
								<div class="long_name"><xsl:value-of select="project_description_title" /></div>
								<div class="more">
									<xsl:if test="project_device_slider/project_device_slider_format_label != ''">
										<div class="devices">
											<strong>|||sls:lang:PROJECT_DEVICE||| . </strong><xsl:value-of select="project_device_slider/project_device_slider_format_label" />
										</div>
									</xsl:if>

									<xsl:if test="project_description_label != '' and project_description_value != ''">
										<div class="agency">
											<strong><xsl:value-of select="project_description_label" /> . </strong>
											<xsl:choose>
												<xsl:when test="project_description_url != ''">
													<a target="_blank" href="{project_description_url}" title=""><xsl:value-of select="project_description_value" /></a>
												</xsl:when>
												<xsl:otherwise>
													<span><xsl:value-of select="project_description_value" /></span>
												</xsl:otherwise>
											</xsl:choose>
										</div>
									</xsl:if>
								</div>
							</div>
							<a href="{project_next/project_url}" class="arrow scroll_panel next" rel="home_project_{project_next/project_id}" title="{project_next/project_name}"></a>
							<div class="clear"></div>
						</div>

						<div class="preview wrapper">
							<div class="format format_{project_device_slider/project_device_slider_format}">
								<xsl:if test="count(project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'desktop']) &gt; 0">
									<div class="device desktop">
										<img src="{$sls_url_img}projects/desktop.png" alt="" />
										<div class="screens">
											<xsl:for-each select="project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'desktop']">
												<img src="{project_device_slider_img}" alt="" />
											</xsl:for-each>
										</div>
									</div>
								</xsl:if>

								<xsl:if test="count(project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'tablet']) &gt; 0">
									<div class="device tablet">
										<img src="{$sls_url_img}projects/tablet.png" alt="" />
										<div class="screens">
											<xsl:for-each select="project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'tablet']">
												<img src="{project_device_slider_img}" alt="" />
											</xsl:for-each>
										</div>
									</div>
								</xsl:if>

								<xsl:if test="count(project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'mobile']) &gt; 0">
									<div class="device mobile">
										<img src="{$sls_url_img}projects/mobile.png" alt="" />
										<div class="screens">
											<xsl:for-each select="project_device_slider/project_device_slider_items/project_device_slider_item[project_device_slider_type = 'mobile']">
												<img src="{project_device_slider_img}" alt="" />
											</xsl:for-each>
										</div>
									</div>
								</xsl:if>
							</div>
						</div>

						<xsl:if test="project_video != ''">
							<div class="video">
								<iframe src="http://player.vimeo.com/video/{project_video}?color=3bba6e" width="100%" height="100%" frameborder="0" webkitAllowFullScreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowFullScreen="allowFullScreen"></iframe>
							</div>
						</xsl:if>

						<xsl:if test="count(project_slider/project_slider_item) &gt; 0">
							<div class="project_slider">
								<div class="items sls_resize_container">

									<xsl:for-each select="project_slider/project_slider_item">
										<div class="item">
											<img class="sls_resize_visual" src="{project_slider_img}" alt="" width="1920" height="860"/>
										</div>
									</xsl:for-each>
								</div>
								<div class="controls">
									<a href="" class="arrow previous"></a>
									<a href="" class="arrow next"></a>
								</div>
								<div class="info">
									<span class="current">1</span> / <xsl:value-of select="count(project_slider/project_slider_item)" />
								</div>
							</div>
						</xsl:if>

						<xsl:if test="count(project_awards/project_award) &gt; 0">
							<div class="awards">
								<h2><strong>Awards</strong> for this website</h2>
								<ul>
									<xsl:for-each select="project_awards/project_award">
										<li>
											<strong><xsl:value-of select="project_award_label" /> . </strong>

											<xsl:choose>
												<xsl:when test="project_award_url != ''">
													<a target="_blank" href="{project_award_url}" title="{project_award_value}"><xsl:value-of select="project_award_value" /></a>
												</xsl:when>
												<xsl:otherwise>
													<span><xsl:value-of select="project_award_value" /></span>
												</xsl:otherwise>
											</xsl:choose>
										</li>
									</xsl:for-each>
								</ul>
							</div>
						</xsl:if>

						<div class="mobile_controls">
							<ul>
								<li><a href="{project_previous/project_url}" class="scroll_panel" rel="home_project_{project_previous/project_id}" title="{project_previous/project_name}">Prev. Project</a></li>
								<li><a href="{project_next/project_url}" class="scroll_panel" rel="home_project_{project_next/project_id}" title="{project_next/project_name}">Next Project</a></li>
							</ul>
						</div>

						<xsl:call-template name="Footer" />

					</xsl:if>
				</div>
			</xsl:for-each>
		</div>

		<div id="panel_home" class="panel">
			<div class="content current" id="home_index"></div>
		</div>

		<div id="panel_contact" class="panel ">
			<div class="content" id="home_contact"></div>
		</div>
	</xsl:template>
</xsl:stylesheet>